<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新增收货地址</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="../../../static/sass/common/ydui.css" />
    <link rel="stylesheet" href="../../../static/stylesheets/user/address.css" />
    <!-- 引入自适应解决方案类库 -->
    <script src="../../../static/scripts/libs/ydui.flexible.js"></script>
</head>
<body>
    <div class="g-flexview">
        <!-- 主体内容开始 -->
        <section class="content_box">
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</div>
                    <div class="cell-right"><input type="text" placeholder="请输入姓名"  class="cell-input"  autocomplete="off" /></div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">联系电话</div>
                    <div class="cell-right"><input type="text" placeholder="请输入联系电话" class="cell-input" autocomplete="off" /></div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">收货地址</div>
                    <div class="cell-right cell-arrow">
                        <input type="text" class="cell-input" readonly id="J_Address2" value="" placeholder="请选择收货地址">
                    </div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">详细地址</div>
                    <div class="cell-right"><input type="text" placeholder="请输入详细地址" class="cell-input" autocomplete="off" /></div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">邮政编码</div>
                    <div class="cell-right"><input type="text" placeholder="(选填)"  class="cell-input" autocomplete="off" /></div>
                </div>
            </div>
        </section>
        <button type="button" class="btn-block btn-primary" style="position: fixed; bottom: 0; left: 0; background: #3f9a31;">保存</button>
    </div>
    <!-- 引入jQuery 2.0+ -->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- 引入YDUI脚本 -->
    <script src="../../../static/scripts/libs/ydui.citys.js"></script>
    <script src="../../../static/scripts/libs/ydui.js"></script>
    <script>
        /**
        * 设置默认值
        */
        !function () {
           var $target = $('#J_Address2');

           $target.on('click', function (event) {
               event.stopPropagation();
               $target.citySelect('open');
           });

           $target.on('done.ydui.cityselect', function (ret) {
               $(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
           });
        }();
    </script>
</body>

</html>
